<!DOCTYPE html>
<html>
  <head>
    <title>@slug</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <style>
    	h1{
	    	color: black;
    	}
    	.banner{
	    	height: 100px;
	    	background-color: aqua;
    	}
    	#top-nav{
	    	height: 10px;
    	}
    	#construction, #top-nav{
	    	background: black;
    	}
    	#construction h1{
	    	color: white;
    	}
    </style>
  </head>
  <body>
  <div class="row" id="top-nav"></div>
  <div class="row" style="height:80px;"></div>
  	<div class="container">
  		<div class="row">
  			<div class="span12 banner"><h2>
  				if @title do
  					@title
  				endif
  				<h2>
  			</div>
  		</div>
    	<div class="row">
    		<div class="span4 offset2">
    		if @content do
    			@content
    		endif
    		</div>
    	</div>
  	</div>
  	<div class="navbar navbar-fixed-bottom text-center"><small>- Internet Imagery &copy; Jason Dixon 2011~2013 -</small></div>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>